@import '../../../css/colorVar.less';

.indexMonitoring {
  position: relative;

  :global {
    .ant-tabs-nav {
      margin-bottom: 0 !important;
    }

    //tab
    .ant-tabs-bar {
      margin-bottom: 0;
    }

    // .ant-tabs.ant-tabs-card .ant-tabs-card-bar .ant-tabs-tab {
    //   border: 0 !important;
    // }

    // .ant-tabs-bar .ant-tabs-nav-container {
    //   height: 38px !important;
    // }

    // .ant-tabs.ant-tabs-card .ant-tabs-card-bar .ant-tabs-tab {
    //   background: @number_bg;
    // }

    // //选中的tab样式
    // .ant-tabs.ant-tabs-card .ant-tabs-card-bar .ant-tabs-tab-active {
    //   font-weight: bold !important;
    //   border-bottom: 2px solid @tab_selColor  !important;
    //   background: @tab_selBg;
    //   color: @tab_selColor;
    //   height: 38px;

    //   >div {
    //     border-right: 0 !important;
    //   }
    // }

    // .ant-tabs.ant-tabs-card .ant-tabs-card-bar .ant-tabs-tab .ant-tabs-close-x {
    //   font-size: 14px;
    //   height: 17px;
    // }

    //一键删除显示
    .ant-tabs-bar > .ant-tabs-nav-container:hover {
      .ant-tabs-tab:last-child {
        visibility: visible;
      }
    }

    //一键删除隐藏
    .ant-tabs-bar > .ant-tabs-nav-container .ant-tabs-tab:last-child {
      visibility: hidden;
      border: none;
      border-radius: 0;
      background: transparent;
    }

    //区间收益率按钮
    .fixed-box {
      position: fixed;
      border-radius: 4px 0 0 4px;
      transition: all 0.5s;
      z-index: 3;
      right: 0;
      padding: 0 0 10px 10px;
      display: flex;
      flex-direction: column;
      align-items: flex-end;

      .drawer-title {
        font-size: 14px;
        font-weight: 500;
        width: 108px;
        display: flex;
        height: 40px;
        align-items: center;
        justify-content: center;
        color: @table_body_text;
        box-shadow: 2px 4px 12px 0 @table_expand_icon_border_bg;
        background: url('../../../assets/busi/PortfolioManagement/indexMonitoring/title_bg.png') -24px -20px no-repeat !important;
        border-radius: 3px;
        border: 1px solid @modal_line;

        .drawer-img {
          width: 12px;
          height: 12px;
          margin-left: 8px;
          transform: rotate(90deg);
          cursor: pointer;
        }
      }

      //区间收益率表格
      .drawer-render {
        width: 760px;
        border-radius: 4px;
        box-shadow: 2px 4px 12px 0 @butt_primary_hover;
        background: @table_odd_bg;
        overflow: hidden;
        transition: all 0.4s;
        z-index: 3;

        .drawer-render-title {
          font-size: 14px;
          font-weight: 500;
          color: @table_body_text;
          padding: 12px 16px;
          background: #f5f8ff;
          border: 1px solid @barBorder_color;

          .drawer-img {
            width: 12px;
            height: 12px;
            margin-left: 8px;
            transform: rotate(-90deg);
            cursor: pointer;
          }
        }
      }
    }
  }
}
